import { PureComponent } from 'react'
import { Divider, Select, Button } from 'antd'
import SingleTable from 'components/table/index'
import styles from './exchangeRate.less'
const { Option } = Select
export default class ExchangeRate extends PureComponent {
    render(){
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '供应商',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '原货币',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '目标货币',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '1',
            title: '汇率',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: '8',
            title: '操作',
            dataIndex: 'creatorName',
            align: 'center',
            render: (text, record) => (
                <span>
                  <a >编辑</a>
                  <Divider type="vertical" />
                  <a >删除</a>
                </span>
            ),
        },
        
        ]
        return(
            <div className={styles.exchangeRate}>
                <div className={styles.exchangeRateBox}>
                    <h2>汇率管理</h2>
                </div>
                <div className={styles.exchangeRateSearch}>
                    <div className={styles.exchangeRateSin}>
                        <span className={styles.exchangeRateSpan}>供应商：</span>
                        <Select className={styles.exchangeRateInput}>
                            <Option value="lovely">Lovely</Option>
                        </Select>
                    </div>
                    <div className={styles.exchangeRateSin} style={{margin: '0 28px'}}>
                        <span className={styles.exchangeRateSpan}>原货币：</span>
                        <Select className={styles.exchangeRateInput}>
                            <Option value="lovely">Lovely</Option>
                        </Select>
                    </div>
                    <div className={styles.exchangeRateSin}>
                        <span className={styles.exchangeRateSpan}>目标货币：</span>
                        <Select className={styles.exchangeRateInput}>
                            <Option value="lovely">Lovely</Option>
                        </Select>
                    </div>
                </div>
                <Button type="primary" icon="search" style={{margin: '0 0 24px 24px'}}>查询</Button>
                <div className={styles.exchangeRateTable}>
                    <SingleTable
                        data={{ list: dataList }}
                        columns={columns}
                    />
                </div>
            </div>
        )
    }
}